<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich"
	template="/WEB-INF/template/template.xhtml">
	<ui:define name="body">

		<h:form>
			<div class="body_center_100">
				<rich:panel styleClass="">
					<f:facet name="header">
        			DADOS PESSOAIS
        			<h:commandButton value="Alterar Dados" action="#{dadosPessoaisMB.alterarDados}"></h:commandButton>
        		</f:facet>

					<h:panelGrid columns="2" style="margin: 0 auto;"
						columnClasses="width:100%;">
						<h:outputLabel value="Nome:"/>
						<h:inputText value="#{dadosPessoaisMB.usuario.nome}" />
						<h:outputLabel value="Login:"/>
						<h:outputLabel value="#{dadosPessoaisMB.usuario.login}" />
						<h:outputLabel value="Email:"/>
						<h:inputText value="#{dadosPessoaisMB.usuario.email}" />
						<h:outputLabel value="Telefone:"/>
						<h:inputText value="#{dadosPessoaisMB.usuario.telefone}" />
						<h:outputLabel rendered="#{!dadosPessoaisMB.alterarSenha}" value="Senha:"/>
						<h:commandButton rendered="#{!dadosPessoaisMB.alterarSenha}" value="Alterar Senha" action="#{dadosPessoaisMB.alterarSenha}"></h:commandButton>
						<h:outputLabel rendered="#{dadosPessoaisMB.alterarSenha}" value="Nova Senha:"/>
						<h:inputSecret rendered="#{dadosPessoaisMB.alterarSenha}" value="#{dadosPessoaisMB.novaSenha}" size="10"></h:inputSecret>
						<h:commandButton rendered="#{dadosPessoaisMB.alterarSenha}" value="Alterar Senha" action="#{dadosPessoaisMB.updateSenha}"></h:commandButton>
					</h:panelGrid>
					
					<rich:panel style="width: 250px;">
						<f:facet name="header">
								Categorias Favorito
							</f:facet>
					
					
					<rich:dataTable value="#{dadosPessoaisMB.categoriasFavorito}" var="categoria">
						<rich:column>
							<f:facet name="header">
								Categoria
							</f:facet>
							<h:outputLabel value="#{categoria.descricao}"/>
						</rich:column>
						
						<rich:column>
							<f:facet name="header">Recebe Email</f:facet>
							<h:selectBooleanCheckbox value="#{categoria.flagRecebeEmail}"/>
						</rich:column>
						<rich:column>
							<h:commandLink rendered="#{!categoria.adicionaCategoriaUsuario}" title="Adicionar Favorito" action="#{dadosPessoaisMB.adicionarCategoria(categoria)}">
								<h:graphicImage  library="add.png" url="/resources/images/add.png"></h:graphicImage>
							</h:commandLink>
							<h:commandLink rendered="#{categoria.adicionaCategoriaUsuario}" title="Remover Favorito" action="#{dadosPessoaisMB.removerCategoria(categoria)}">
								<h:graphicImage  library="delete.png" url="/resources/images/delete.png"></h:graphicImage>
							</h:commandLink>
						</rich:column>
						<rich:column>
							<h:commandLink title="Editar" rendered="#{categoria.adicionaCategoriaUsuario}" action="#{dadosPessoaisMB.editar(categoria)}" >
								<h:graphicImage  library="edit.png" url="/resources/images/edit.png"></h:graphicImage>
							</h:commandLink>
						</rich:column>
					</rich:dataTable>
					</rich:panel>
				</rich:panel>
			</div>
		</h:form>
	</ui:define>
</ui:composition>